<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>填报政策解读</title>
    <link rel="stylesheet" href="../css/base.min.css">
    <link rel=stylesheet href="../css/policy.min.css">
</head>
<body>

<!-- container -->
<div class="container banxin clearfix" v-cloak>
	<div class="dir">
		<div class="dir-left">
			<a href="../index.html">首页</a> >
			<a href="#">填报政策解读</a>
		</div>
		<div class="dir-right">
			<span class="province">江苏</span>
			<span class="section">理科</span>
			<span class="score">663</span>
			<span><img :src="editor" alt="编辑" title="编辑" /></span>
		</div>
	</div>
	<ul class="listBox">
		<li class="clearfix" v-for='(list, index) of lists'>
				<img :src='"../img/z"+(index%6+1)+".png"' alt="填报政策" class="fll" title="填报政策">
				<div class="fll">
					<h3>{{list.title}}？</h3>
					<p>{{list.content}}</p>
				</div>
				<a :href='"policy-detail.html?index="+index'>查看更多</a>
		</li>
	</ul>
	<div class="y-pages">
		<a href="">上一页</a>
		<!-- <a href="" class="active">1</a>
		<a href="">2</a>
		<a href="">3</a>
		<a href="">4</a> -->
		<a href="">下一页</a>
	</div>
</div>

<script type="text/javascript" src="../js/vue.min.js"></script>
<script src="../js/jquery-1.11.1.min.js"></script>
<script src="../js/img.js"></script>
<script src="../js/base.js"></script>
<script src="../js/policy.js"></script>

</body>
</html>